<template>
  <svg
    width="280"
    height="180"
    viewBox="0 0 280 180"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g clip-path="url(#clip0_13239_208917)">
      <rect width="280" height="180" fill="var(--el-fill-color-light)" />
      <g filter="url(#filter0_d_13239_208917)">
        <circle cx="140" cy="90" r="24" fill="var(--el-color-primary)" />
      </g>
      <circle cx="140" cy="86" r="4" fill="white" />
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M137.918 91.2635C137.092 90.7059 136.035 90.2497 135.234 90.8436C133.576 92.0744 132.5 94.058 132.5 96.2953C132.5 97.7891 133.699 99 135.179 99H144.821C146.301 99 147.5 97.7891 147.5 96.2953C147.5 94.058 146.424 92.0744 144.766 90.8436C143.965 90.2497 142.908 90.7059 142.082 91.2635C141.486 91.6657 140.77 91.9002 140 91.9002C139.23 91.9002 138.514 91.6657 137.918 91.2635Z"
        fill="white"
      />
    </g>
    <defs>
      <filter
        id="filter0_d_13239_208917"
        x="108"
        y="58"
        width="64"
        height="64"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="4" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.25098 0 0 0 0 0.619608 0 0 0 0 1 0 0 0 0.3 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13239_208917"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13239_208917"
          result="shape"
        />
      </filter>
    </defs>
  </svg>
</template>
